<!DOCTYPE html>
<html>
<head>
<title>Animated Recent Post Gadget By farhacool.blogspot.com</title>
<style type="text/css">

body {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #efefef;
}

#outer-wrapper {
  font-family: Verdana, Arial;
}

#header h1 {
  padding-top: 18px;
  padding-bottom: 0px;
  text-align: left;
  margin: 0 14px .1em;
  line-height: 1.2em;
}

#header .description {
  margin: 0 14px;
  padding: 0 0 10px;
  line-height: 1.4em;
  text-align: left;
  font-size: 90%;
}

#content-wrapper {
  width: 96%;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-top: 0;
}

#content-wrapper h2 {
 margin: 1.6em 0 .5em;
 padding: 4px 5px;
 background-color: #ffd595;
 font-size: 100%;
 color: #333333;
}



.auto-style1 {
	color: #2E1EEA;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
}

</style>
<script type="text/javascript">
<!--
function farhacoolcodingGenerate() {
document.getElementsByName("go")[0].disabled = false;
document.getElementsByName("gen")[0].disabled = true;
var farhacooltextarea = document.getElementsByName("widget.content")[0];
var blogurl = document.getElementsByName("f-blogurl")[0].value;
var numposts = document.getElementsByName("f-numposts")[0].value;
farhacooltextarea.value = "\<script src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\" type=\"text/javascript\"\>\n<\/script\>";
		farhacooltextarea.value = farhacooltextarea.value + "\n<style type=\"text/css\" media=\"screen\"\>\n<!--\n\/* Farhacool\(farhacool.blogspot.com\) subscribe me gatget\*/\n#spylist{overflow:hidden;margin-top:5px;padding:0px 0px;height:430px}#spylist ul{width:292px;overflow:hidden;list-style-type:none;padding:0px 0px;margin:0px 0px}#spylist li{width:280px;padding:5px 5px;margin:0px 0px 5px 0px;list-style-type:none;float:none;height:70px;overflow:hidden;background:#fff url(http://lh3.ggpht.com/_TalfOAAwy5g/TIEiWPFtkrI/AAAAAAAABDc/8RaNo6KsaNE/post.jpg) repeat-x;border:1px solid #ddd}#spylist li a{text-decoration:none;color:#4B545B;font-size:11px;height:18px;overflow:hidden;margin:0px 0px;padding:0px 0px 2px 0px}#spylist li img{float:left;margin-right:5px;background:#EFEFEF;border:0}.spydate{overflow:hidden;font-size:10px;color:#0284C2;padding:2px 0px;margin:1px 0px 0px 0px;height:15px;font-family:Tahoma,Arial,verdana,sans-serif}.spycomment{overflow:hidden;font-family:Tahoma,Arial,verdana,sans-serif;font-size:10px;color:#262B2F;padding:0px 0px;margin:0px 0px}\n\/* Farhacool\(farhacool.blogspot.com\) subscribe me gatget\*/-->\n\</style\>\n";
        farhacooltextarea.value = farhacooltextarea.value + "\n<script language=\'javascript\'\>\nimgr = new Array();\nimgr[0] = \"http://i43.tinypic.com/orpg0m.jpg\"\;\nimgr[1] = \"http://i43.tinypic.com/orpg0m.jpg\"\;\nimgr[2] = \"http://i43.tinypic.com/orpg0m.jpg\"\;\nimgr[3] = \"http://i43.tinypic.com/orpg0m.jpg\"\;\nimgr[4] = \"\http://i43.tinypic.com/orpg0m.jpg\"\;\nshowRandomImg = true;\nboxwidth = 255;\ncellspacing = 6;\nborderColor = \"#232c35\";\nbgTD = \"#000000\";\nthumbwidth = 70;\nthumbheight = 70;\nfntsize = 12;\nacolor = \"#666\";\naBold = true;\nicon = \" \"\;\ntext = \"comments\";\nshowPostDate = true;\nsummaryPost = 40;\nsummaryFontsize = 10;\nsummaryColor = \"#666\";\nicon2 = \" \";\nnumposts =" + numposts + ";\nhome_page =\"http://" + blogurl + ".blogspot.com\/\"\;\nlimitspy=5\nintervalspy=4000\n<\/script\>";
		farhacooltextarea.value = farhacooltextarea.value + "\n<div id=\"spylist\">\n<script src='http://farhathcool.googlecode.com/svn/trunk/gadgets/animatedrecentp/recentpostthumbspy-min.js' type=\'text/javascript\'\>\n<\/script\>\n<\/div\>";

    
    
 
}


function farhacoolcodingdefault() {
document.getElementsByName("go")[0].disabled = true;
document.getElementsByName("gen")[0].disabled = false;
document.getElementsByName("f-blogurl")[0].value = "farhacool";
document.getElementsByName("f-numposts")[0].value = "10";
document.getElementsByName("widget.content")[0].value = "";
}	
//-->
</script>

</head>
<body>
<div id="outer-wrapper">
    <div id="header-wrapper">
      <div id="header">

         <h1 id="outer-wrapper" class="auto-style1">Farhacool Widget</h1>
         <div class="description" style="color: #0B0134"><strong>http://farhacool.blogspot.com</strong></div>
      </div>
    </div>
    <div id="content-wrapper">
       <h2>Animated Recent posts Gadget Generater</h2>
       <fieldset><legend style="font-size:20px;">&nbsp;Intruduction&nbsp;</legend>

<div style="text-align:left;font-size:85%;">Change settings<br/>Click 'Generate' button<br/>Click 'Add Widget To My Blog' button<br/></div></fieldset><br/>

<fieldset><legend style="font-size:20px;">&nbsp;Settings&nbsp;</legend>
<table width="100%">
<tbody>
	<tr><td>
		<span style="width:130px;">Blog url</span>: http://<input type="text" size=10 name="f-blogurl" value="farhacool"/>.blogspot.com<br/>
</td></tr>
<tr>
<td><span style="width:50px;">Number of posts</span>: <input type="text" size=3 name="f-numposts" value="10"/><br/>
</td>	</tr>
</tbody>
</table>
</fieldset><br>
<form method="post" action="http://www.blogger.com/add-widget" target="_blank">
<input name="gen" style="width:100px;margin-right:5px;" value="Generate" onclick="javascript:farhacoolcodingGenerate();" type="button"><input style="width:100px;" value="Reset" onclick="javascript:farhacoolcodingdefault();" type="button"><br>
<input style="width:205px;margin-top:5px;font-weight:bold;font-size:18px;" disabled="disabled" name="go" value="Add to Blogger" type="submit"><br>
<textarea name="widget.content" style="display: none;width:0px;height:0px;"></textarea>
<input name="infoUrl" value="http://www.farhacool.blogspot.com" type="hidden">
<input name="logoUrl" value="https://lh6.googleusercontent.com/_TalfOAAwy5g/TYoppwgU4XI/AAAAAAAABcw/Bk7girvdPsk/Farhacool.blogspot.com.jpg" type="hidden">
</form>
<br><b style="font-size:12px;">Copyright &#169; 2011 All Rights Reserved by <i style="font-size:15px;">Farhacool</i> @ <a href="http://farhacool.blogspot.com/">farhacool.blogspot.com</a></b>
</div>
</body>
</html>